<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="referrer" content="no-referrer" />
    <title>购物车</title>
    <link rel="stylesheet" href="../styles/gonggong.css">
    <link rel="stylesheet" href="../styles/gwc.css">
</head>

<body>
    <!-- 顶部导航 -->
    <div id="header" class="">
        <!-- 顶部导航头部 -->
        <div class="header-top">
            <!-- logo -->
            <div class="h-logo">
                <a href="index.html">
                    <img src="https://cdn.ywart.com/header/logo.png" alt="">
                </a>
                <p>— 原创艺术品电商</p>
            </div>
            <!-- 搜索 -->
            <div class="search">
                <div class="choices">
                    <span class="choosed">
                        作品
                        <i class="fa fa-caret-down"></i>
                    </span>
                    <div class="choicebox">
                        <span class="choice active">作品</span>
                        <span class="choice ">艺术品</span>
                    </div>
                </div>
                <img src="https://www.ywart.com/svg_file?path=/content/image/search.svg&rgb=51,51,51" alt="">
                <input type="text" name="HeaderInput" id="HeaderInput" placeholder="搜索感兴趣的关键字">

            </div>
            <!-- 主体 -->
            <div class="header-content">
                <div class="content-box">
                    <div class="zcdl">
                        <a href="../html/dl.html">
                            <img src="https://cdn.ywart.com/header/login.png" alt="" class="IMG">
                        </a>
                        <a href="../html/dl.html">登录 / 注册</a>
                    </div>
                    <div class="MyOrder">
                        <a href="#">我的订单</a>
                    </div>
                    <div class="MyNews">
                        <a href="#">我的消息</a>
                    </div>
                    <div class="Service">
                        <a href="#">在线客服</a>
                    </div>
                    <div class="download lodeJ">
                        <a href="#">手机版</a>
                        <div class="er">
                            <h4>使用手机扫一扫</h4>
                            <img src="https://cdn.ywart.com/content/image/iosDownQRcode.png" alt="">
                            <span>购买咨询：400-605-7033</span>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 主体 下滑显示 -->
            <div class="header-content2">
                <div class="content-box">
                    <div class="login2">
                        <a href="../html/dl.html">
                            <img src="https://cdn.ywart.com/header/login.png" alt="" class="IMG">
                        </a>
                    </div>
                    <div class="car">
                        <a href="">
                            <img src="https://cdn.ywart.com/header/car.png" alt="" class="IMG">
                        </a>
                    </div>
                    <div class="download lodeJ">
                        <a href="#">
                            <img src="https://cdn.ywart.com/header/SJPC.png" alt="" class="IMG">
                        </a>
                        <div class="er">
                            <h4>使用手机扫一扫</h4>
                            <img src="https://cdn.ywart.com/content/image/iosDownQRcode.png" alt="">
                            <span>购买咨询：400-605-7033</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 顶部导航底部 -->
        <div class="header-bottom">
            <div class="bottom-div">
                <div class="nav">
                    <div class="ContentNav Nav-border">
                        <a href="index.html">首页</a>
                    </div>
                    <div class="ContentNav YSPDH">
                        <a href="yspbuy.html">艺术品</a>
                        <ul class="ysplist">
                            <li><a href="#">全部</a></li>
                            <li><a href="#">入门收藏</a></li>
                            <li><a href="#">潜力收藏</a></li>
                            <li><a href="#">名作收藏</a></li>
                        </ul>
                    </div>
                    <div class="ContentNav">
                        <a href="index.html">艺术家</a>
                    </div>
                    <div class="ContentNav">
                        <a href="index.html">艺术服务</a>
                    </div>
                    <div class="ContentNav">
                        <a href="index.html">艺术视野</a>
                    </div>
                    <div class="ContentNav">
                        <a href="index.html">艺术博览会</a>
                    </div>
                </div class="nav">
                <div class="CarShop">
                    <a href="#">
                        <img src="https://cdn.ywart.com/header/GWCPC.png" alt="">
                        <span>购物车</span>
                    </a>
                </div>
            </div>
        </div>
    </div>
    </div>
    <!-- 购物车商品详情 -->
    <section class="buy_cart">
        <!-- 顶部名称 -->
        <div class="buy_carthead clearfix">
            <h1>我的购物车</h1>(<span class="carttotal" data-bind="text:totalcount">1</span>)
        </div>
        <!-- 商品信息 -->
        <div class="buy_cartContent">
            <section class="buy_cartmain">
                <div class="buy_cart_list">                  
                    <ul>
                        <!-- <li>
                            <div class="item">
                                <div class="item clearfix" style="display: block;">
                                    <div class="f_l choice">
                                        <input type="checkbox" name="quanxuan" id="qx">                                      
                                    </div>
                                    <div class="f_l infobox">
                                        <div class="f_l thumb">
                                            <a href="#">
                                                <img src="" alt="">                  
                                            </a>
                                        </div>
                                        <div class="f_l detail">
                                            <div class="title" >暧昧</div>
                                            <p class="PC_name">
                                                <a href="#">赵亮</a>
                                            </p>
                                            <p class="p1">34.0x44.0x8.0cm</p>
                                            <p class="shuliang _hidden">
                                                <span>1</span>件
                                            </p>
                                            <p class="p2">版号:5</p>
                                        </div>
                                        <div class="f_l shanchu">删除</div>
                                        <div class="f_l price_unit">
                                            <p class="now price" style="display:inline-block">
                                                ¥ <span class="dj">17,940</span></br>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li> -->
                    </ul>
                </div>
            </section>
            <!-- 结账 -->
            <div class="buy_cart_choice_all fixbottom clearfix">
                <div class="btn">
                    <input type="checkbox" name="quanxuan" id="qx">
                    全选
                </div>
                
                
                <div class="queren">
                    结算(<span>0</span>)
                </div>
                <p class="qian">
                    总计￥<span>11</span>
                </p>
            </div>
        </div>
    </section>

</body>
<script src="../javascripts/jquery.js"></script>
<script src="../javascripts/fzhs.js"></script>
<script src="../javascripts/gwc.js"></script>

</html>